import React, { Component } from 'react'
import Modal from './Modal'
import Switch from '../../../../../component/switch/Switch'

import { intl } from '../../../../../intl/intl'

class SettingModal extends Component {
  render () {
    const { theme, onClose } = this.props
    return (
      <Modal
        theme={theme}
        onClose={onClose}
        title={intl('setting')}>
        <div className="trade-chart-modal-content-row-container">
          <span className="trade-chart-modal-content-row-title">
            {intl('vol_chart')}
          </span>
          <Switch
            theme={theme}
            onChange={this.props.showVolChartChange}/>
        </div>
        <div
          style={{ display: 'none' }}
          className="trade-chart-modal-content-row-container">
          <span className="trade-chart-modal-content-row-title">
            {intl('candle_style')}
          </span>
        </div>
      </Modal>
    )
  }
}

export default SettingModal
